﻿@model HomeCareLibrary.Models.HomeCareLibraryCategoryModel

@{
    Session["promoCode"] = 123;
    ViewBag.Title = "Home care library";
}
<div class="col-lg-9 col-sm-9 right_part">
    <div class="title clearfix">
        <h1>Home Care Library</h1>
    </div>
    <div class="main-content">
        <div class="hcl-tab-page">
            <div class="hcl-tab-page-bg">
                <div class="hcl-tab">
                    <div class="hcl-tab-head">
                        <img src="@Url.Content("~/images/hcl-head.png")" alt="hcl-head">
                    </div>
                    <div id="accordion" class="panel-group">
                        
                        @foreach (var Mainitem in Model.listPortfolio)
                        {
                            <div class="panel panel-default">
                                <div class="panel-heading">
                                    <h4 class="panel-title">
                                        <a href="#@Mainitem.HomeCare_Category.Substring(0, 4)" data-parent="#accordion" data-toggle="collapse" class="accordion-toggle collapsed">
                                            @Mainitem.HomeCare_Category Care
                                        </a>
                                    </h4>
                                </div>
                                <div class="panel-collapse collapse" id="@Mainitem.HomeCare_Category.Substring(0, 4)" style="height: 0px;">
                                    <div class="panel-body nopadding data-inner">
                                        @foreach (var item in Model.listPortfolioTags)
                                        {
                                            if (Mainitem.ID == item.CategoryID)
                                            {
                                            <div class="panel-group" id="accordion-inn-Heating">
                                                <div class="panel panel-default">
                                                    <div class="panel-heading">
                                                        <h4 class="panel-title">
                                                            <a class="accordion-toggle collapsed"  href='@Url.Action("overview", "Home", new { ID = item.Feature_Name.Trim().Replace(" ", "-").ToLower() })'>
                                                                @item.Feature_Name
                                                            </a>
                                                        </h4>
                                                    </div>
                                                    <div style="height: auto;" id="@(Mainitem.HomeCare_Category.Substring(0, 4) + item.Feature_code)" class="panel-collapse collapse">
                                                        <div class="panel-body">
                                                            @item.Feature_description  <span class="media-more"><a class="ui-link"  href="@Url.Action("overview", "Home", new { ID = item.Feature_Name.Trim().Replace(" ", "-").ToLower() })">more<small> &#9654;</small></a></span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            }
                                        }
                                    </div>
                                </div>
                            </div>
                        }
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
